<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>

    <table border="2">  <!--border表示边框，默认无边框-->
        <thead>  <!--表头-->
            <tr>  <!--每个tr表示一行-->
                <th>HOST</th>   <!--表头格式：每列,注意区分一下tbody的列-->
                <th>PORT</th>
                <th>OPT</th>
            </tr>
        </thead>
        <tbody> <!--表内容-->
            <tr>
                <td>192.168.6.6</td>
                <td>22</td>
                <td>
                    <a href="#">查看详情</a>
                    <a href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td colspan="2">合拼右边一格</td>  <!-- 这行的这列占2格-->
                <td rowspan="2">合拼下面一格</td>   <!--这行这列用了rowspan后会占用下面的tr行合拼一起-->
            </tr>
            <tr>
                <td>1</td>  <!-- 这行的这列占2格-->
                <td>1</td>

            </tr>
        </tbody>

    </table>



</body>
</html>